/*!
 * MIT License
 * Copyright <2021-2022>
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
 * of the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
 * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
 * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
 * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
 * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 * @Author: Sinda
 * @Email:  xhuicloud@163.com
 */

.tag-view-container {
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  box-sizing: border-box;
  width: 100%;
  position: relative;

  .tags-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 100px;

    .el-tabs--card > .el-tabs__header {
      margin: 0;
    }

    .el-tabs--card > .el-tabs__header .el-tabs__nav,
    .el-tabs--card > .el-tabs__header .el-tabs__item,
    .el-tabs--card > .el-tabs__header {
      border: none;
    }

    .el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
      border-left-width: 2px
    }

    .el-tabs--card > .el-tabs__header .el-tabs__item {
      margin: 0 3px;
      line-height: 40px;
      font-size: 13px;
      font-weight: normal;
      color: #ccc;

      &.is-active {
        color: #409EFF;
        border-bottom: 3px solid #409EFF;
      }

      span {
        padding-left: 3px;
      }
    }

    .tabs {
      position: relative;
      &:first-of-type {
        margin-left: 12px;
      }
    }

    .tabs-more {
      position: absolute;
      top: 4px;
      right: 5px;
      box-sizing: border-box;
    }

    .tabs > .el-tabs__content {
      color: black;
      font-size: 32px;
    }
  }

}

.contextmenu {
  margin: 0;
  background: #fff;
  z-index: 3000;
  position: fixed;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);

  li {
    margin: 0;
    padding: 7px 16px;
    cursor: pointer;

    &:hover {
      background: #eee;
    }
  }
}
